.page {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: #f7f7f7;
}
.navbar {
  width: 100%;
  height: 90rpx;
  /* 文本不换行 */
  white-space: nowrap;
  display: flex;
  box-sizing: border-box;
  // border-bottom: 1rpx solid #eee;
  background: #fff;
  align-items: center;
  /* 固定在顶部 */
  position: fixed;
  left: 0rpx;
  z-index: 10;
  .nav-item {
    // padding-left: 25rpx;
    // padding-right: 25rpx;
    height: 100%;
    display: inline-block;
    /* 普通文字大小 */
    font-size: 28rpx;
    width: 21%;
  }

  .nav-text {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 4rpx;
    box-sizing: border-box;
    position: relative;
  }

  .tab-on {
    color: #fbbd08;
    // border-bottom: 4rpx solid #fbbd08 !important;
    &::after {
      width: 75px;
      height: 5px;
      background-color: #fbbd08;
      content: '';
      position: absolute;
      bottom: 0;
      left: calc(50% - 37.5px);
      border-radius: 3px;
    }
  }
}
.list {
  flex: 1;
  margin-top: 90rpx;
  padding: 0 30px 20px;
  .content {
    background-color: #fff;
    margin-top: 20px;
    padding: 50px 35px;
    position: relative;
    .status {
      color: #fefefe;
      position: absolute;
      font-size: 26px;
      top: 15px;
      right: 0px;
      padding: 15px 25px;
      // background-color: #fbbd08;
      border-top-left-radius: 25px;
      border-bottom-left-radius: 25px;
    }
    .msg {
      font-size: 32px;
      font-family: PingFang SC;
      font-weight: bold;
      color: #131313;
      display: flex;
      align-items: center;
      .txt {
        font-weight: 500;
        margin-left: 50px;
      }
      .img-icon {
        width: 40px;
        height: 40px;
        margin-left: 15px;
      }
    }
    .car_type {
      margin: 30px 0 20px;
      font-size: 26px;
      font-family: PingFang SC;
      font-weight: 500;
      color: #131313;
      opacity: 0.8;
    }
    .time {
      font-size: 26px;
      font-family: PingFang SC;
      font-weight: 500;
      color: #131313;
      opacity: 0.8;
    }
    .remark {
      font-size: 26px;
      font-family: PingFang SC;
      font-weight: 500;
      color: #131313;
      opacity: 0.8;
      margin-top: 20px;
    }
    .no_mark{
      opacity: .5 !important;
    }
  }
}

.no_data {
  display: flex;
  align-items: center;
  color: #131313;
  opacity: 0.8;
  width: 100%;
  height: 50vh;
  justify-content: center;
}
.no_more {
  color: #131313;
  opacity: 0.8;
  font-size: 28px;
  padding: 20px 0;
  text-align: center;
}
.no_remark{
  display: none;
}
.remark_pop {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, .4);
  z-index: 99999;
  // .mosk {
  //   position: absolute;
  //   width: 100%;
  //   top: 0;
  //   left: 0;
  //   height: 100%;
  //   opacity: 0.4;
  //   background-color: #000;
  //   z-index: -1;
  // }
  .content {
    width: calc(100% - 150px);
    background-color: white;
    padding: 35px 40px 50px;
    border-radius: 10px;
    position: relative;
    .top {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 50px;
      font-size: 32px;
      font-family: PingFang SC;
      font-weight: 400;
      color: #131313;
      .close {
        position: absolute;
        top: 20px;
        right: 40px;
        width: 52px;
        height: 52px;
      }
    }
    .text_area {
      margin-bottom: 50px;
      textarea {
        border: 2px solid #bababa;
        width: 100%;
        position: relative;
        .over_num{
          position: absolute;
          right: 10px;
          bottom: 10px;
          font-size: 26px;
          font-family: PingFang SC;
          font-weight: 500;
          color: #131313;
          opacity: 0.8;
        }
      }
    }
    .btn {
      height: 80px;
      background: #ffb72f;
      border-radius: 40px;
      color: #fff;
    }
  }
}
